var orderDetail = {
	props: ['title','order_id'],
	data: function() {
		return {
			baseUrl: '/mr_new/public/index.php/depot',
			info: {}
		}
	},
	watch: {
		order_id: function(){
			var _this = this;
			$.post(this.baseUrl + "/orders/showOrder",{
				order_id: this.order_id
			}, function(rsp){
				_this.info = rsp.data.info;
			},'json')
		}
	},
	template: `<div>
				<div class="row" style="margin-bottom: 10px;">
					<div class="col-md-5 form-horizontal">
						<div class="form-group">
						    <label class="col-md-3 control-label">订单号</label>
						    <div class="col-md-5 form-control-static">
						    	{{ info.order_no }}
						    </div>  
						</div>
						<div class="form-group">
						    <label class="col-md-3 control-label">时间</label>
						    <div class="col-md-5 form-control-static">
						    	{{ info.add_time }}
						    </div>  
						</div>
						<div class="form-group">  
						    <label class="col-md-3 control-label">销售</label>
						    <div class="col-md-5 form-control-static">
						    	{{ info.acct_name }}
						    </div>
						</div>
					</div>
					<div class="col-md-5 form-horizontal">
						<div class="form-group">
						    <label class="col-md-3 control-label">客户 / 电话</label>
						    <div class="col-md-5 form-control-static">
						    	{{ info.cust }} / {{ info.phone }}
						    </div>
						</div>
						<div class="form-group">  
						    <label class="col-md-3 control-label">地址</label>
						    <div class="col-md-5 form-control-static">
						    	{{ info.area_path }} {{ info.detail_addr }}
						    </div>
						</div>
					</div>
				</div>
				<div class="row2">
					<table class="table table-bordered table-hover">
						<thead>
							<tr>
								<th>商品</th>
								<th>尺码</th>
								<th>数量</th>
								<th>单价</th>
								<th>档口</th>
								<th>物流公司</th>
								<th>物流费</th>
								<th>备注</th>
								<th>状态</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for="item in info.items">
								<td>
									<a href="item.goods_pic" title='点击看大图' target="_BLANK"><img :src="item.goods_pic" height="38"></a>
								</td>
								<td>{{ item.spec }}</td>
								<td>{{ item.qty }}</td>
								<td>{{ item.price }}</td>
								<td>{{ item.dangkou }} | {{ item.dangkou_no }}</td>
								<td>{{ item.express }}</td>
								<td>{{ item.express_cost }}</td>
								<td>{{ item.remarks }}</td>
								<td>{{ item.progress_txt }}</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>`,
	methods: {
		
	}
}